<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>登录</title>
    <script src="/jquery/jquery.min.js"></script>
    <script src="/js/dl.js"></script>
    <link rel="stylesheet" href="/css/dl.css" />
  </head>
  <body>
    <div id="box">
      <div class="box-left">
        <img src="../img/login-banner.jpg" alt="" />
      </div>
      <div class="box-right">
        <div class="box-right-top">
          <div class="nav-logo">
            <a href="./index.html">
              <img src="../img/login-logo.jpg" alt=""
            /></a>
            <p>小米账号</p>
          </div>
          <div class="nav-c">
            <ul>
              <li>用户协议</li>
              <li>隐私政策</li>
              <li>帮助中心</li>
              <li>|</li>
              <li>中文（简体）</li>
            </ul>
          </div>
        </div>
        <div class="box-form">
          <div class="saoma">
            <img src="../img/saoma.png" alt="" />
          </div>
          <ul>
            <li><a href="login.html">登录</a></li>
            <li><a href="zc.html">注册</a></li>
          </ul>
          <form action="">
            <div>
              <input
                type="text"
                placeholder="邮箱/手机号码/小米ID"
                class="myname"
              />
              <p class="tips">账号不能为空</p>
            </div>
            <div>
              <input type="password" placeholder="密码" class="mypassword" />
              <p class="tips">密码不能为空</p>
            </div>
            <div>
              <input id="chk" type="checkbox" value="" /><span
                >已阅读并同意小米账号<b>用户协议</b>和<b>隐私政策</b></span
              >
            </div>
          </form>
          <div class="btn-login" style="margin-bottom: 150px">
            <a href="./index.html" style="color: white">登录</a>
          </div>
        </div>
        <div class="footer" style="text-align: center; margin-top: 30px">
          <span style="font-size: 12px; color: #999"
            >小米公司版权所有-京ICP备10046444-京公网安备11010802020134号-京ICP证110507号</span
          >
        </div>
      </div>
    </div>
  </body>
</html>
<script>
  $(function () {
    $(".zc").zhuce();
    $(".but").denlu();
  });
</script>
